<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>列表页</title>
<link href="assets/css/doncare.css" type="text/css" rel="stylesheet" />
<link href="assets/css/doncare.frame.css" type="text/css" rel="stylesheet" />
<link href="assets/font/icon200.css" type="text/css" rel="stylesheet">
<!--[if lt IE 8]>
<link href="assets/font/icon200ie7.css" type="text/css" rel="stylesheet">
<![endif]-->
<script src="assets/js/jquery.js" type="text/javascript"></script>
<script src="assets/js/doncare.js" type="text/javascript" defer></script>
<script src="assets/js/doncare.page.js" type="text/javascript" defer></script>
<script src="assets/js/doncare.frame.js" type="text/javascript" defer></script>
</head>
<body>
<div id="header" class="header">
    <div class="header-left">
        <a href="javascript:;"><i class="icon-sign-add"></i>新建</a>
        <a href="javascript:;" onclick="DC.page.open('error.html');" ><i class="icon-sign-right"></i>错误页</a>
    </div>
    <div class="header-option">
        <div class="pagination">
            <!-- page链接之间不能有空格 -->
            <a href="javascript:;"><i class="icon-angle-left"></i>&nbsp;</a><a href="javascript:;">1</a><a href="javascript:;" class="active">2</a><a href="javascript:;">3</a><a href="javascript:;">4</a><a href="javascript:;">5</a><a href="javascript:;">6</a><a href="javascript:;"><i class="icon-angle-right"></i>&nbsp;</a>
        </div>
    </div>
</div>
<div id="main" class="main">
    <div class="block for-search">
        <div class="block-main">
            <form action="" class="form-inline" method="get">

                <div class="row">
                    <label for="username" class="label">用户名</label>
                    <input type="text" name="username" class="input short" />
                </div>

                <div class="row">
                    <label class="label">爱好限定</label>
                    <select name="select" class="select">
                        <option value="0">全部</option>
                        <option value="1">宅寂</option>
                        <option value="2">和朋友爬山</option>
                        <option value="3">看电视</option>
                    </select>
                </div>

                <div class="row">
                    <input type="checkbox" id="registered" name="registered" class="checkbox" />
                    <label for="registered" class="label-inline">已注册的用户</label>
                </div>

                <div class="submit">
                    <button type="submit" class="btn"><span><i class="icon-search"></i>搜索</span></button>
                </div>

            </form>
        </div>
    </div>
    
    <table class="table with-stripe with-border effect-hover">
        <tr>
            <th>#</th><th>姓名</th><th>昵称</th><th>年龄</th>
            <th>操作</th>
        </tr>
        <tr>
            <td>1</td><td>小美</td><td>美美</td><td>17</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
                <a href="javascript:;" class="link"><i class="icon-sign-error"></i>删除</a>
            </td>
        </tr>
        <tr>
            <td>2</td><td>小虎</td><td>虎子</td><td>19</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>3</td><td>小牛</td><td>无</td><td>16</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>1</td><td>小美</td><td>美美</td><td>17</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
                <a href="javascript:;" class="link"><i class="icon-sign-error"></i>删除</a>
            </td>
        </tr>
        <tr>
            <td>2</td><td>小虎</td><td>虎子</td><td>19</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>3</td><td>小牛</td><td>无</td><td>16</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>1</td><td>小美</td><td>美美</td><td>17</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
                <a href="javascript:;" class="link"><i class="icon-sign-error"></i>删除</a>
            </td>
        </tr>
        <tr>
            <td>2</td><td>小虎</td><td>虎子</td><td>19</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>3</td><td>小牛</td><td>无</td><td>16</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>1</td><td>小美</td><td>美美</td><td>17</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
                <a href="javascript:;" class="link"><i class="icon-sign-error"></i>删除</a>
            </td>
        </tr>
        <tr>
            <td>2</td><td>小虎</td><td>虎子</td><td>19</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>3</td><td>小牛</td><td>无</td><td>16</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>1</td><td>小美</td><td>美美</td><td>17</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
                <a href="javascript:;" class="link"><i class="icon-sign-error"></i>删除</a>
            </td>
        </tr>
        <tr>
            <td>2</td><td>小虎</td><td>虎子</td><td>19</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>3</td><td>小牛</td><td>无</td><td>16</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>1</td><td>小美</td><td>美美</td><td>17</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
                <a href="javascript:;" class="link"><i class="icon-sign-error"></i>删除</a>
            </td>
        </tr>
        <tr>
            <td>2</td><td>小虎</td><td>虎子</td><td>19</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>3</td><td>小牛</td><td>无</td><td>16</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>1</td><td>小美</td><td>美美</td><td>17</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
                <a href="javascript:;" class="link"><i class="icon-sign-error"></i>删除</a>
            </td>
        </tr>
        <tr>
            <td>2</td><td>小虎</td><td>虎子</td><td>19</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>3</td><td>小牛</td><td>无</td><td>16</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>1</td><td>小美</td><td>美美</td><td>17</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
                <a href="javascript:;" class="link"><i class="icon-sign-error"></i>删除</a>
            </td>
        </tr>
        <tr>
            <td>2</td><td>小虎</td><td>虎子</td><td>19</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>3</td><td>小牛</td><td>无</td><td>16</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>1</td><td>小美</td><td>美美</td><td>17</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
                <a href="javascript:;" class="link"><i class="icon-sign-error"></i>删除</a>
            </td>
        </tr>
        <tr>
            <td>2</td><td>小虎</td><td>虎子</td><td>19</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>3</td><td>小牛</td><td>无</td><td>16</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>1</td><td>小美</td><td>美美</td><td>17</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
                <a href="javascript:;" class="link"><i class="icon-sign-error"></i>删除</a>
            </td>
        </tr>
        <tr>
            <td>2</td><td>小虎</td><td>虎子</td><td>19</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>3</td><td>小牛</td><td>无</td><td>16</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>1</td><td>小美</td><td>美美</td><td>17</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
                <a href="javascript:;" class="link"><i class="icon-sign-error"></i>删除</a>
            </td>
        </tr>
        <tr>
            <td>2</td><td>小虎</td><td>虎子</td><td>19</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
        <tr>
            <td>3</td><td>小牛</td><td>无</td><td>16</td>
            <td>
                <a href="javascript:;" class="link"><i class="icon-edit"></i>修改</a>
            </td>
        </tr>
    </table>
</div>
</body>
</html>
